<template>
  <div class="my-box">
    <div>使用Vue全局挂载在原型的操作：{{ globalProperties.name }}</div>
  </div>
</template>
<script lang="ts" setup>
import useCurrentInstance from '../hooks/useCurrentInstance.vue'

// 获取原型 使用ts-ignore忽视显得很无脑
// // import { getCurrentInstance } from 'vue'
// // @ts-ignore
// // const { proxy } = getCurrentInstance()

// 使用hook的思想操作更合理些
const { globalProperties } = useCurrentInstance()

// 输出
console.log(globalProperties.name)
</script>

<style scoped>
.my-box {
  display: flex;
}
/* 支持CSS变量注入v-bind(color) */
</style>
